CtrlK
BlogDocsLog inGet started
Tessl Logo

BKUI 组件属性速查表

高频易错属性映射和避坑指南

Invalid
This skill can't be scored yet
Validation errors are blocking scoring. Review and fix them to unlock Quality, Impact and Security scores. See what needs fixing →
SKILL.md
Quality
Evals
Security

BKUI 组件属性速查表

还原设计稿时，严格遵守以下属性映射，严禁使用 ElementUI/AntD 的属性名。

⚠️ 高频错误速查

组件错误正确
Buttontype="primary"theme="primary"
Inputprefix-icon="xx"<template #prefix>
Icon<i class="bk-icon...">import { Plus } from 'bkui-vue/lib/icon'
Dialogv-model="show"v-model:isShow="show"
Table忘记 remote-pagination远程分页必须加
DatePickershortcuts.value: []shortcuts.value: () => []

基础组件

<!-- Button -->
<bk-button theme="primary">主要</bk-button>
<bk-button text theme="primary">编辑</bk-button>

<!-- Icon -->
<script setup>
import { Plus, Search } from 'bkui-vue/lib/icon';
</script>

<!-- Input -->
<bk-input v-model="value">
  <template #prefix><Search /></template>
</bk-input>

表格开发

<bk-table :data="list" :pagination="pagination" remote-pagination>
  <bk-table-column label="名称" prop="name" />
  <bk-table-column label="操作">
    <template #default="{ row }">
      <bk-button text theme="primary">编辑</bk-button>
    </template>
  </bk-table-column>
</bk-table>

分页对象: { current, limit, count }

📦 按需加载资源

资源URI
复杂组件skill://bkui-cheatsheet/references/complex-components.md

📦 可用资源

  • skill://bkui-cheatsheet/references/complex-components.md

根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载

Repository
TencentBlueKing/bk-bcs
Commit

b08ac38

Last updated
Created

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.

Claim skill